//可以直接修改节点的文本，方法有两种：
1.//修改innerhtml
// var p=document.getElementById('drink-menu')
// // p.innerHTML='abc'
// p.innerHTML='ABC <span style="color:red">RED</span> XYZ';
2.//修改innertext或者修改textcontent
//var pp=document.getElementById('drink-menu')
//pp.innerText='<script>alter("hello")</script>'
//pp.textContent='<p id="p-id">&lt;script&gt;alert("Hi")&lt;/script&gt;</p>'
//两者的区别在于读取属性时，innerText不返回隐藏元素的文本，而textContent返回所有文本。

// pp.style.color='#ff0000'
// pp.style.fontSize='52px'
// pp.style.paddingTop='2em'

// 获取<p>javascript</p>节点:
var js = document.getElementById('test-js')

// 修改文本为JavaScript:
// TODO:
js.innerText='JavaScript';
// 修改CSS为: color: #ff0000, font-weight: bold
// TODO:
js.style.color='#ff0000';
js.style.fontWeight='bold';
// 测试:
if (js && js.parentNode && js.parentNode.id === 'test-div' && js.id === 'test-js') {
    if (js.innerText === 'JavaScript') {
        if (js.style && js.style.fontWeight === 'bold' && (js.style.color === 'red' || js.style.color === '#ff0000' || js.style.color === '#f00' || js.style.color === 'rgb(255, 0, 0)')) {
            console.log('测试通过!');
        } else {
            console.log('CSS样式测试失败!');
        }
    } else {
        console.log('文本测试失败!');
    }
} else {
    console.log('节点测试失败!');
}